$(function(){
	
	$(".user-base>div").hover(function(){
		$(this).children().css({
			"color": "#FC5531",
			"cursor":"pointer"
		})
	},function(){
		$(this).children().eq(0).css({
			"color": "#222226",
			
		})
		$(this).children().eq(1).css({
			"color": "#999AAA",
			
		})
	})
	$(".qrcode1").hover(function(){
		$(this).hide()
		$(".qrcode2").show()
		$(".qrcode3").show()
	},function(){
		$(this).show()
		$(".qrcode2").hide()
		$(".qrcode3").hide()
	})
	$(".content-nav-title>div").click(function(){
		$(this).css("borderColor","#222226")
		$(this).siblings().css("borderColor","#FFFFFF")
	})
	 function ready() {
	 
	  }
	
	document.addEventListener("DOMContentLoaded", ready);
	
	//保存当前用户发布的所有经验详情
	var currentUserExperience=[];
	//保存当前用户发布的所有评论详情
	var currentUserComment=[];
	//保存当前用户收藏的所有经验详情
	var currentUserColExperience=[];
	
	//获取当前用户发布的所有经验详情
	$.ajax({
	          //请求方式
	          type : "get",
	          async:false,//同步
	          //请求地址
	          url : "http://localhost:3030/currentUserExperience",
	          
	          data :{userAccount:$.cookie("account")},
	          //请求成功
	          success : function(result) {
				currentUserExperience=result.res;
				console.log(currentUserExperience)
				 $(".releaseExpNums").text(currentUserExperience.length)
	          },
	          //请求失败，包含具体的错误信息
	          error : function(e){
	             alert("查找失败")
	          }
	      }); 

	//获取当前用户发布的所有评论数
	$.ajax({
	          //请求方式
	          type : "get",
	          async:false,//同步
	          //请求地址
	          url : "http://localhost:3030/findUserComment",
	          
	          data :{userAccount:$.cookie("account")},
	          //请求成功
	          success : function(result) {
				currentUserComment=result.res;
				console.log(currentUserComment)
				 $(".comExpNums").text(currentUserComment.length)
	          },
	          //请求失败，包含具体的错误信息
	          error : function(e){
	             alert("查找失败")
	          }
	      }); 

	//获取当前用户收藏的所有经验详情
	$.ajax({
		          //请求方式
		          type : "get",
		          async:false,//同步
		          //请求地址
		          url : "http://localhost:3030/SearchUserInfo",
		          
		          data :{userAccount:$.cookie("account")},
		          //请求成功
		          success : function(result) {
					currentUserColExperience=result[0].CollectionExp
					$(".colExpNums").text(currentUserColExperience.length)
					console.log(currentUserColExperience)
		          },
		          //请求失败，包含具体的错误信息
		          error : function(e){
		             alert("查找失败")
		          }
		      });

	
	//经验发布,收藏等内容区域
	let article2List=[{title:"标题1",content:"内容1"},{title:"标题2",content:"内容2"},{title:"标题3",content:"内容3"},{title:"标题4",content:"内容4"},{title:"标题5",content:"内容5"},{title:"标题6",content:"内容6"},];
	let answerlist=[{title:"标题1",content:"回答1"},{title:"标题2",content:"回答2"},{title:"标题3",content:"回答3"},{title:"标题4",content:"回答4"}]
	function addcontent(list){
		for(let k=0;k<list.length;k++){
			href="经验详情.html?expId="+parseInt(list[k].expId);
			var div=$("<div class='content-nav-content-item'></div>")
			var divtitle=$(`<div class='content-item-title'><a href=${href} style="color:red">${list[k].title}</a></div>`)
			var divcontent=$("<div class='content-item-content'>"+list[k].content.details+"</div>")
			$(".content-nav-content").append(div)
			$(div).append(divtitle)
			$(div).append(divcontent)
		}
	}
	$(".content-nav-content").empty()
	addcontent(currentUserExperience);
	
	// $(".content-nav-title>div").each(function(i,el){
	// 	$(this).click(function(){
	// 		$(".content-nav-content").empty()
	// 		console.log(i)
	// 		if(i==0){
	// 			addcontent(currentUserExperience)
	// 		}
	// 		else if(i==1){
	// 			addcontent(currentUserColExperience)
	// 		}
	// 	})
	// })
	
		function contentTitleHover(){
			$(".content-item-title").hover(function(){
				
				$(this).css({
					"cursor": "pointer",
					"font-size": "0.18rem",
					"transition": "all 0.5s ease-in-out"
				})
			},function(){
				
					$(this).css({
					
					"font-size": "0.14rem",
					"transition": "all 0.5s ease-out"
					})
			})
		}

	$(".content-nav-title>div").eq(0).click(function(){
		$(".content-nav-content").empty()
		addcontent(currentUserExperience)
		contentTitleHover()
	})
	$(".content-nav-title>div").eq(1).click(function(){
		$(".content-nav-content").empty()
		addcontent(currentUserColExperience)
		contentTitleHover()
	})
	contentTitleHover()
	console.log($.cookie("username"))
	
	
		
		
})